<ul class="ms-List ms-List--grid">
  <li class="ms-ListItem is-unread is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
  <li class="ms-ListItem is-unread is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
  <li class="ms-ListItem is-unread is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
  <li class="ms-ListItem is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
  <li class="ms-ListItem is-selected is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
  <li class="ms-ListItem is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
  <li class="ms-ListItem is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
  <li class="ms-ListItem is-selectable">
    <span class="ms-ListItem-primaryText">Alton Lafferty</span>
    <span class="ms-ListItem-secondaryText">Meeting notes</span>
    <span class="ms-ListItem-tertiaryText">Today we discussed the importance of a, b, and c in regards to d.</span>
    <span class="ms-ListItem-metaText">2:42p</span>
    <div class="ms-ListItem-selectionTarget js-toggleSelection"></div>
    <div class="ms-ListItem-actions">
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--mail"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--trash"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--flag"></i></div>
      <div class="ms-ListItem-action"><i class="ms-Icon ms-Icon--pinLeft"></i></div>
    </div>
  </li>
</ul>
